<template>
	<view>
		<swiper
		    :indicator-dots="true" 
		    :autoplay="true" 
		    :interval="3000" 
		    :duration="1000"
		    :circular="true"
		    class="swiper flex"
		>
		    <swiper-item 
		        class="swiper__item"
		        v-for="item in swiperItems"
		        :key="item.id"
		    >
		        <image :src="item.advertisement_pic" mode="aspectFill" class="swiper__item-img"></image>
		    </swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	// import { defineProps } from 'vue';
	const props = defineProps({
		swiperItems:Array
	})
</script>

<style lang="scss" scoped>
.swiper{
	width: 100%;
	height: 382rpx;
	&__item{
		width: 100%;
		height: 100%;
		flex-shrink: 0;
		
		&-img{
			width: 100%;
			height: 100%;
		}
	}
}
</style>